<table align="center" width="500">
    <tr>
        <td colspan="2" align="center"><h2 id="titulo">Chat PortARTfolio</h2></td>
    </tr>
    <tr>
        <td colspan="2">
            <div id="chatroom" style="display:none">
                <table>
                    <tr>
                        <td width="400" height="200"><div id="chat" style="height:200px;overflow:auto;border: thin solid #000000;"></div></td>
                    </tr>
                    <tr>
                        <td>
                            <div id="joined" class="hidden">
                                <input id="username" type="hidden" value="<?echo $usuario_perfil->get_id();?>">
                                <input id="chatname" type="hidden" value="chat1">
                                Chat:&nbsp;<input id="phrase" type="text" size="50" onkeypress="if(event.keyCode == 13){enviar();}"/>
                                <input id="sendB" class="button" type="submit" name="join" value="Enviar" onclick="enviar();"/>
                            </div>
                        </td>
                    </tr>
                </table>
            </div>
            <div id="chatlist">
                <div id="lista"></div>
                    <form action="procesar.php" method="post">
                        <table width="700" align="center">
                            <tr>
                                <td colspan="2"><h3>Nueva Sala de Chat:</h3></td>
                            </tr>
                            <tr>
                                <td colspan="2"><h4>Informaci&oacute;n B&aacute;sica:</h4></td>
                                <input id="hid_proceso" name="hid_proceso" type="hidden" value="crear_sala"/>
                            </tr>
                            <tr>
                                <td width="43%">Nombre de la Sala:</td><td width="57%"><input id="txt_nombre" name="txt_nombre" type="text"/></td>
                            </tr>
                            <tr>
                                <td>Descripci&oacute;n:</td>
                                <td><textarea name="txt_descripcion" cols="40" id="txt_descripcion" width="100%" ></textarea></td>
                            </tr>
                            <tr>
                                <td colspan="2" align="center"><input id="submit_sala" name="submit_sala" type="submit" value="Crear Sala de Chat"/></td>
                            </tr>
                        </table>
                    </form>
            </div>
        </td>
    </tr>
</table>
